<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">
    <div class="page-group">
        <div class="page page_manage_deposit">
            <div th:replace="layout/m_layout::title('兑换')"></div>
            <div class="page-content">
                <div class="page-content infinite-scroll">
                    <div class="bcui-card user_setmeal_card">
                        <div class="bcui-card-head">
                            账户
                        </div>
                        <div class="bcui-card-content">
                            <div class="bcui-content-inner user_setmeal">
                        <span>
                            您的余额：
                        </span>
                                <font color="#F60">
                                    ¥ [[${bcFinances.money}]]
                                </font>
                                <br>

                                <span>
                            可兑换喜糖：
                        </span>
                                <font color="#F60">
                                    [[${#numbers.formatInteger(bcFinances.candyPrice,0)}]]
                                    颗
                                </font>
                                <br>
                            </div>
                        </div>
                    </div>
                    <div class="bcui-card">
                        <div class="bcui-card-content " style="padding: 1.5rem 1rem;">

                            <form action="/m/ajax/center/account/exchange" bottlecms-form-ajax="" class="bcui-form" method="post">
                                <div class="form-item">
                                    <input name="candy" style=" " placeholder="请输入喜糖数量" type="number">
                                </div>

                                <div style="padding: 1rem .5rem;">
                                    <button class="btn btn-block" type="submit">
                                        确认兑换
                                    </button>
                                </div>
                            </form>

                        </div>
                    </div>
                    <p style=" line-height:1.3; font-size:12px;  text-align:center;">
                        点击查看
                        <a class="_color" href="/common/about/exchangeexplain">
                            <u>
                                兑换说明
                            </u>
                            &gt;&gt;
                        </a>
                    </p>

                </div>
            </div>
        </div>
    </div>
    <div th:replace="layout/m_layout::systemJs"></div>
</div>
</html>
